<style type="text/css">
    .header{padding:10px 0 10px 15px;}
    .content{padding-left: 10px;}
    .content ul:after{clear: both;float:none;content: '';height:0;}
    .content ul li{float:left;padding-right: 10px;position:relative;height:135px;width:100px;}
    .content ul li p{padding:5px 0;text-align: center;text-overflow: ellipsis;height:19px;line-height: 20px;width:100px;overflow: hidden;}
    .content ul li input{position: absolute;right:10px;bottom:35px;}
</style>
<div class="goodslist">
    <div class="header clearfix">
        <select class="J_cate_select mr10" data-pid="0" data-menuid="1" data-uri="{:U('HouseCate/ajax_getchilds')}" data-selected=""></select>
        <input type="hidden" name="area_id" id="J_cate_id" value="" />
    &nbsp;&nbsp;关键词 :<input type="text" name="q" id="q" class="input-text" size="10" />
        <input type="button" class="btn btn_submit" name="dosubmit" id="dosubmit" value="提&nbsp;&nbsp;交">
    </div>
    <div class="content">
        <ul id="houselist" class="clearfix">
            <volist name="result" id="vo">
                <li>
                    <img src="{$vo.img}" width="100" height="100" />
                    <p>{$vo.title}</p>
                    <input type="{$type}" value="{$vo.id}" class="ckbox" name="house_id" />
                    <input type="hidden" name="model" value="{$model}" />
                </li>
            </volist>
        </ul>
        <div id="pages">{$pages}</div>
    </div>
</div>
<script type="text/javascript">
    var menuid={$menuid};
    var arr   = [];
    $('.J_cate_select').cate_select('请选择');
    $(function(){
        $("#dosubmit").click(function(){
            getData(1);
        });
    });
    function getData(page){
        var param = {'m':'Admin','c':'House','a':'ajaxSelectHouse','area_id':$("#J_cate_id").val(),'q':$("#q").val(),'menuid':menuid,'page':page};
        var url   = "/admin.php";
        var boxtype  = "{$type}";
        $.get(url,param,function(result){
            var str = '';
            if(result['status']==1){
                var data = result['data']['data'];
                for(var i in data){
                    var r = data[i];
                    str += '<li><img src="'+r['img']+'" width="100" height="100" /><p>'+r['title']+'</p><input type="'+boxtype+'" value="'+r['id']+'" class="ckbox" name="house_id" />';
                    str += '</li>';
                }
                $("#houselist").html(str);
            }
           $("#pages").html(result['data']['page']);
        });
    }
</script>